body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

header {
  width: 100%;
  background-color: #1d1d1d;
  overflow: hidden;
  font-size: 0;
  padding-bottom: 0.25rem; }
  header .cancel {
    color: #b60005;
    font-size: 0.78125rem;
    margin-left: 0.1875rem;
    margin-top: 0.29688rem;
    width: 0.78125rem;
    height: 0.78125rem;
    position: relative; }
    header .cancel a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  header .search {
    width: 7.96875rem;
    height: 0.4375rem;
    border: 0.03125rem solid white;
    border-radius: 0.39063rem;
    margin-left: 0.40625rem;
    margin-top: 0.29688rem;
    padding: 0.15625rem; }
    header .search input[type="image"] {
      width: 0.42188rem;
      height: 0.42188rem;
      margin-left: 0.0625rem;
      font-size: 0;
      display: block;
      outline: none; }
    header .search input[type="text"] {
      height: 0.42188rem;
      margin-left: 0.15625rem;
      width: 6.92188rem;
      font-size: 0.42188rem;
      line-height: 0.42188rem;
      display: block;
      background-color: none;
      background-color: #1f1f1f;
      border: none;
      outline: none;
      color: white; }

html {
  background-color: #1e1e1e; }

.per-cen {
  width: 9.54688rem;
  margin: 0 auto;
  border-top: 0.01563rem solid #454545; }
  .per-cen .head-warp {
    margin: 0.51563rem auto 0 auto;
    width: 2.01563rem;
    position: relative; }
    .per-cen .head-warp span {
      display: block;
      width: 0.51563rem;
      height: 0.51563rem;
      background-color: #ff0000;
      line-height: 0.51563rem;
      color: white;
      font-size: 0.26563rem;
      border-radius: 50%;
      position: absolute;
      top: 0;
      right: 0;
      text-align: center; }
    .per-cen .head-warp img {
      width: 2.01563rem;
      height: 2.01563rem;
      display: block; }
  .per-cen .per-info {
    width: 3rem;
    margin: 0.23438rem auto 0 auto; }
    .per-cen .per-info .name-center {
      width: 100%; }
      .per-cen .per-info .name-center .name {
        font-size: 0.375rem;
        width: 1.17188rem;
        height: 0.375rem;
        line-height: 0.375rem;
        color: white; }
      .per-cen .per-info .name-center .center {
        width: 1.59375rem;
        height: 0.3125rem;
        border: 0.01563rem solid white;
        line-height: 0.3125rem;
        text-align: center;
        margin-top: 0.04688rem;
        margin-left: 0.15625rem; }
        .per-cen .per-info .name-center .center a {
          color: white;
          font-size: 0.23438rem;
          width: 100%;
          height: 100%;
          display: block;
          letter-spacing: 0; }
    .per-cen .per-info .starbar {
      width: 100%;
      font-size: 0;
      margin-top: 0.125rem;
      text-align: center; }
      .per-cen .per-info .starbar .starnav {
        display: inline-block; }
        .per-cen .per-info .starbar .starnav ul:after {
          content: "";
          display: block;
          clear: both; }
        .per-cen .per-info .starbar .starnav ul li {
          float: left;
          margin-right: 0.20313rem; }
          .per-cen .per-info .starbar .starnav ul li:last-of-type {
            margin-right: 0; }
          .per-cen .per-info .starbar .starnav ul li img {
            width: 0.3125rem;
            height: 0.3125rem; }
    .per-cen .per-info .focus-fans {
      margin-top: 0.1875rem; }
      .per-cen .per-info .focus-fans .focus {
        width: 1.34375rem;
        font-size: 0.34375rem;
        color: white;
        line-height: 0.34375rem; }
        .per-cen .per-info .focus-fans .focus::after {
          content: "";
          display: block;
          clear: both; }
        .per-cen .per-info .focus-fans .focus span {
          color: #b60005;
          line-height: 0.34375rem;
          display: block;
          float: right;
          margin-right: 0.125rem; }
      .per-cen .per-info .focus-fans .line {
        width: 0.03125rem;
        height: 0.34375rem;
        background: #a2a2a2; }
      .per-cen .per-info .focus-fans .fans {
        width: 1.40625rem;
        margin-left: 0.15625rem;
        font-size: 0.34375rem;
        color: white;
        line-height: 0.34375rem; }
        .per-cen .per-info .focus-fans .fans::after {
          content: "";
          display: block;
          clear: both; }
        .per-cen .per-info .focus-fans .fans span {
          color: #b60005;
          line-height: 0.34375rem;
          display: block;
          float: right; }
  .per-cen .btn {
    width: 7.20313rem;
    margin: 0.34375rem auto 0 auto; }
    .per-cen .btn input {
      width: 3.42188rem;
      height: 0.8125rem;
      border-radius: 0.5625rem;
      font-size: 0.35938rem;
      line-height: 0.8125rem;
      text-align: center;
      border: 0px;
      outline: none;
      -webkit-appearance: none; }
    .per-cen .btn input:first-of-type {
      background-color: #b60005; }
    .per-cen .btn input:nth-of-type(2) {
      background-color: #cdcdcd; }

.blodline {
  width: 100%;
  height: 0.35938rem;
  margin-top: 0.32813rem;
  background-color: #303030; }

.gimc {
  width: 9rem;
  margin: 0.82813rem auto 0 auto;
  font-size: 0;
  padding-bottom: 0.35938rem;
  border-bottom: 0.01563rem solid #2d2d2d; }
  .gimc p {
    height: 0.28125rem;
    color: #7f7f7f;
    font-size: 0.28125rem; }
  .gimc p:nth-of-type(2) {
    margin-right: 0.125rem; }

.titlecen {
  width: 100%;
  border-top: 0.01563rem solid #313131; }
  .titlecen:first-of-type .title {
    margin-top: 0; }
  .titlecen .title {
    width: 6.71875rem;
    font-size: 0.32813rem;
    line-height: 1.32813rem;
    color: white;
    text-align: center;
    margin: 0 auto; }
  .titlecen .content {
    width: 8.98438rem;
    margin: 0 auto; }
    .titlecen .content .cell {
      border-top: 0.01563rem solid #313131; }
      .titlecen .content .cell p {
        color: #656565;
        font-size: 0.35938rem;
        line-height: 1.375rem; }
      .titlecen .content .cell p:nth-of-type(2) {
        margin-right: 0.125rem; }
  .titlecen:hover .content {
    display: block; }

.out {
  width: 2.84375rem;
  height: 0.82813rem;
  border-radius: 0.40625rem;
  line-height: 0.82813rem;
  font-size: 0.34375rem;
  text-align: center;
  background-color: #b60005;
  margin: 0.375rem auto 0 auto; }
  .out a {
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center; }
